<template>
    <div class='app-index'>
        <main class='index-wrapper'>
            <router-view></router-view>
        </main>
        <footer v-show="this.$route.meta.show">
            <TabBar></TabBar>
        </footer>
    </div>
    
</template>

<script>
    import TabBar from 'components/layout/TabBar'
    import BScroll from 'better-scroll'

      export default {
        data(){
            return{
                ceilingFlag : false             
            }
        },
        components: {
            TabBar
        },
        methods:{
        
        },
        
            
      }

</script>

<style lang="stylus" scoped>
  .app-index
    width 100%
    height 100%
    display flex
    flex-direction column
    main
        flex 1
        overflow hidden
    footer
        height 1rem
</style>
